<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>你tn的还真是个天才</div>
    <p>点我试试</p >
</body>

</html>
<script>
    var div = document.querySelector('div')
    var p = document.querySelector('p')
    function fun(d) {
        if (d !== div) {
            throw Array('参数错误')
        }
        this.d = d
        this.color = function () {
            d.style.color = 'red'
            return this
        }
        this.height = function () {
            d.style.height = '200px'
            return this
        }
        this.width = function () {
            d.style.width = '200px'
            return this
        }
        this.bgc = function () {
            d.style.background = '#c0c0c0'
            return this
        }

        this.click = function () {
            d.onclick = function () {
                alert('你呀，总能给我整点花活')
            }
            return this
        }
        this.click1=function(){
          p.onclick = function () {
                alert('类型不符合')
            }
            return this
        }
    }
    var resutl = new fun(div)
    resutl.color().height().bgc().click().width().click1()
</script>

<style>
</style>